/*
 * mod    : world cup zhuanti
 * date   : 14-6-11
 * author : abpasser
 * history : 14-06-11
 */

(function($){
	var slidebox = {
			'lbtn' : $('.slide_lbtn'),
			'rbtn' : $('.slide_rbtn'),
			'box'  : $('.slide_box'),
			'select': $('.slide_sel')
		},
		tabbox = {
			'btn' : $('.jfb_btn'),
			'box' : $('.jfb_w')
		},
		coverbox = {
			'wrap' : $('.lmyz')
		};


	var Fn = {
		init:function(){
			this.slideBox(1000,0);
			this.tabBox();
			this.coverBox();
		},
		slideBox:function(itemwidth,itemmargin){
			var length = slidebox.box.find('li').length,
				slidewrap = slidebox.box.children('ul'),
				slidebtn = null,
				clicknum = 0,
				boxnum = Math.ceil(length),
				iwidth = boxnum - 1;

			//初始化
			slidewrap.width((itemwidth + itemmargin) * length);
			for (var i = 0; i < boxnum; i++) {
				slidebox.select.append('<a href="javascript:void(0);"></a>')
			};
			slidebtn = slidebox.select.find('a');
			slidebtn.first().addClass('slide_now');

			//自动滚动-----------------------------------------------------------
		

			var autoslide = setInterval(function(){
				autoSlide(1000,0,1000,1);
			},6000);

			slidebox.box.on('mouseenter', function(event) {
				event.preventDefault();
				
				clearInterval(autoslide);
			}).on('mouseleave', function(event) {
				event.preventDefault();
				
				autoslide = setInterval(function(){
					autoSlide(1000,0,1000,1);
				},6000);
			});

			function autoSlide(itemwidth,itemmargin,slidewidth,autoswitch){
				var slidewrap = slidebox.box.children('ul'),
					length = slidebox.box.find('li').length,
					boxnum = Math.ceil(length),
					totalwidth = (itemwidth+itemmargin)*(-1)*(boxnum-1);

				if (!autoswitch) {return};

				var lmargin = parseInt(slidewrap.css('margin-left'));
				if (lmargin > totalwidth) {
					slidewrap.stop(true,false)
						.animate({'margin-left': lmargin + (-slidewidth) + 'px'}, 500);
					clicknum++;
					slidebtn.removeClass('slide_now').eq(clicknum).addClass('slide_now');
				}else{
					slidewrap.stop(true,false)
						.animate({'margin-left': '0px'}, 500);
					clicknum = 0;
					slidebtn.removeClass('slide_now').eq(clicknum).addClass('slide_now');
				};
			}
			
			//-----------------------------------------------------------
			
			// 点击切换
			slidebox.lbtn.on('click',function(event) {
				event.preventDefault();
				clicknum-- ;
				if (clicknum < 0) {
					clicknum = 0
				};
				slidebtn.removeClass('slide_now')
					.eq(clicknum).addClass('slide_now');
				slidewrap.stop(true,false)
					.animate({'margin-left': ((itemwidth + itemmargin) * (-1)) * clicknum + 'px'}, 500);
			});

			slidebox.rbtn.on('click',function(event) {
				event.preventDefault();
				clicknum++ ;
				if (clicknum > boxnum - 1) {
					clicknum = boxnum - 1
				};
				slidebtn.removeClass('slide_now')
					.eq(clicknum).addClass('slide_now');
				slidewrap.stop(true,false)
					.animate({'margin-left': ((itemwidth + itemmargin) * (-1)) * clicknum + 'px'}, 500);
			});

			slidebtn.on('click',function(event) {
				event.preventDefault();
				var index = $(this).index();
				slidebox.select.find('a').removeClass('slide_now');
				$(this).addClass('slide_now');
				clicknum = index;
				slidewrap.stop(true,false)
					.animate({'margin-left': ((itemwidth + itemmargin) * (-2)) * clicknum + 'px'}, 500);
			});



		},
		tabBox:function(){
			var btn = tabbox.btn.find('a');
			btn.on('click', function(event) {
				event.preventDefault();

				var index = $(this).index();
				btn.removeClass('jfb_now');
				$(this).addClass('jfb_now');

				tabbox.box.children('.jfb_box').addClass('none')
					.eq(index).removeClass('none');
			});
		},
		coverBox:function(){
			var wrap = coverbox.wrap.children();
			wrap.each(function(index, el) {
				var box = $(this).children('.lmyz_w');

				if (index % 2 !== 0) {
					$(this).css('margin-top', '50px');
				};
				box.addClass('none');
				$(this).on('mouseover', function(event) {
					$(this).children('.lmyz_w').removeClass('none');
				}).on('mouseleave', function(event) {
					$(this).children('.lmyz_w').addClass('none');
				});
			});
		}
	};

	Fn.init();

})(jQuery,window);
